
{#{% load base_rights_management %}#}

<!DOCTYPE html>
<html class="no-js css-menubar" lang="zh-cn">

    <head>
        <title>主页</title>
        <meta charset="utf-8">
        <meta name="keywords" content="admui,admui官网,admui下载,admui框架,通用后台管理系统,后台框架,ui框架" />
        <meta name="description" content="Admui在线演示系统，Admui是一个基于最新Web技术的企业级通用管理系统快速开发框架，可以帮助企业极大的提高工作效率，节省开发成本，提升品牌形象。" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <!-- 移动设备 viewport -->
        <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
        <meta name="author" content="admui.com">
        <!-- 360浏览器默认使用Webkit内核 -->
        <meta name="renderer" content="webkit">
        <!-- 禁止百度SiteAPP转码 -->
        <meta http-equiv="Cache-Control" content="no-siteapp">
        <!-- Chrome浏览器添加桌面快捷方式（安卓） -->
        <link rel="icon" type="image/png" href="/statics/public/images/favicon.png">
        <meta name="mobile-web-app-capable" content="yes">
        <!-- Safari浏览器添加到主屏幕（IOS） -->
        <link rel="icon" sizes="192x192" href="/statics/public/images/apple-touch-icon.png">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-title" content="Admui">
        <!-- Win8标题栏及ICON图标 -->
        <link rel="apple-touch-icon-precomposed" href="/statics/public/images/apple-touch-icon.png">
        <meta name="msapplication-TileImage" content="/statics/public/images/app-icon72x72@2x.png">
        <meta name="msapplication-TileColor" content="#62a8ea">
        <!-- 样式 -->
        <link rel="stylesheet" href="/statics/public/themes/classic/base/css/site.css" id="siteStyle">
        <!--[if lte IE 9]>
        <meta http-equiv="refresh" content="0; url='http://www.admui.com/ie/'" />
        <![endif]-->
        <!--[if lt IE 10]>
        <script src="/statics/public/vendor/media-match/media.match.min.js"></script>
        <script src="/statics/public/vendor/respond/respond.min.js"></script>
        <![endif]-->

        <!-- 图标 CSS-->
        <link rel="stylesheet" href="/statics/public/fonts/font-awesome/font-awesome.css">
        <link rel="stylesheet" href="/statics/public/fonts/web-icons/web-icons.css">
        <!-- 插件 CSS -->
        <link rel="stylesheet" href="/statics/public/vendor/animsition/animsition.css">
        <link rel="stylesheet" href="/statics/public/vendor/toastr/toastr.css">
        <link rel="stylesheet" href="/statics/public/css/demo.css">

        <link rel="stylesheet" href="/statics/public/vendor/datatables-bootstrap/dataTables.bootstrap.css">

        <script src="/statics/public/vendor/jquery/jquery.min.js"></script>
        <script src="/statics/public/vendor/bootstrap/bootstrap.min.js"></script>

        <!-- 插件 -->
        <script src="/statics/public/vendor/modernizr/modernizr.min.js"></script>
        <script src="/statics/public/vendor/breakpoints/breakpoints.min.js"></script>
        <script src="/statics/public/vendor/artTemplate/template.min.js"></script>
        <script src="/statics/public/vendor/toastr/toastr.min.js"></script>
        <!-- 核心  -->
        <script src="/statics/public/themes/classic/global/js/core.js"></script>
        <script src="/statics/public/themes/classic/base/js/site.js"></script>
        <script src="/statics/public/themes/classic/global/js/configs/site-configs.js"></script>
        <script src="/statics/public/themes/classic/global/js/components.js"></script>

        <script>
            Breakpoints();
        </script>

        <style>
            .dataTable, .dataTable thead th{
                text-align: center;
            }
            .dataTable tbody tr{
                cursor: pointer;
            }
        </style>
    </head>

    <body class="site-contabs-open site-menubar-unfold site-menubar-keep ">
        <nav class="site-navbar navbar navbar-default navbar-fixed-top navbar-inverse " role="navigation" style="z-index:1000">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle hamburger hamburger-close navbar-toggle-left hided" data-toggle="menubar">
                    <span class="sr-only">切换菜单</span>
                    <span class="hamburger-bar"></span>
                </button>
                <button type="button" class="navbar-toggle collapsed" data-target="#admui-navbarCollapse" data-toggle="collapse">
                    <i class="icon wb-more-horizontal" aria-hidden="true"></i>
                </button>
                <div class="navbar-brand navbar-brand-center site-gridmenu-toggle" data-toggle="gridmenu">
                    <img class="navbar-brand-logo visible-lg visible-xs navbar-logo" src="/statics/public/images/logo-white.svg" title="Admui">
                    <img class="navbar-brand-logo hidden-xs hidden-lg navbar-logo-mini" src="/statics/public/images/logo-white-min.svg" title="Admui">
                </div>
            </div>
            <div class="navbar-container container-fluid">
                <div class="collapse navbar-collapse navbar-collapse-toolbar" id="admui-navbarCollapse">
                    <ul class="nav navbar-toolbar navbar-left">
{#                        <li class="hidden-float">#}
{#                            <a data-toggle="menubar" class="hidden-float" href="javascript:;" role="button" id="admui-toggleMenubar">#}
{#                                <i class="icon hamburger hamburger-arrow-left">#}
{#                                    <span class="sr-only">切换目录</span>#}
{#                                    <span class="hamburger-bar"></span>#}
{#                                </i>#}
{#                            </a>#}
{#                        </li>#}
                        <li class="navbar-menu nav-tabs-horizontal nav-tabs-animate is-load" id="admui-navMenu">
                            <ul class="nav navbar-toolbar nav-tabs" role="tablist">
                                <!-- 顶部菜单 -->

                                <li role="presentation" class="">
                                    <a data-toggle="tab" href="#admui-navTabsItem-1" aria-controls="admui-navTabsItem-1" role="tab" aria-expanded="false">
                                        <i class="icon wb-desktop"></i> <span>运维平台</span>
                                    </a>
                                </li>
{##}
                                <li role="presentation" class="">
                                    <a data-toggle="tab" href="#admui-navTabsItem-2" aria-controls="admui-navTabsItem-2" role="tab" aria-expanded="false">
                                        <i class="icon wb-library"></i> <span>后台管理</span>
                                    </a>
                                </li>

                                <li role="presentation" class="">
                                    <a data-toggle="tab" href="#admui-navTabsItem-3" aria-controls="admui-navTabsItem-3" role="tab" aria-expanded="false">
                                        <i class="icon fa-gear" aria-hidden="true"></i> <span>Wiki知识库</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-toolbar navbar-right navbar-toolbar-right">
                        <li>
                            <a href="{% url 'account' %}" data-pjax target="_blank">
                                <i class="icon wb-bell" aria-hidden="true"></i>
                                <span class="badge badge-danger up msg-num">{% ShowMessageCount request %}</span>
                            </a>
                        </li>

                        <li>
                            <a class="icon fa-sign-out" id="admui-signOut" data-ctx="" data-user="9" href="{% url 'logout' %}" role="button">
                                <span class="sr-only">退出</span></a>
                        </li>

                    </ul>
                </div>
            </div>
        </nav>
        <nav class="site-menubar site-menubar-dark">
            <div class="site-menubar-body">
                <div class="tab-content height-full" id="admui-navTabs">
                    <!-- 一级菜单 -->

                    <div class="tab-pane animation-fade height-full" id="admui-navTabsItem-1" role="tabpanel">
                        <div>
                            <ul class="site-menu">

                                <li class="site-menu-category">CRM</li>


                                {# 客户 #}
{#                                {% rights_management_client request %}#}
{##}
                                {# 合同 #}
{#                                {% rights_management_contract request %}#}
{##}
{##}
                                {# 产品 #}
{#                                {% rights_management_product request %}#}
{##}
{##}
                                {# 回款 #}
{#                                {% rights_management_returned_money request %}#}


                            </ul>
                        </div>
                    </div>

                    <div class="tab-pane animation-fade height-full " id="admui-navTabsItem-2" role="tabpanel">
                        <div>
                            <ul class="site-menu">

                                <!-- 二级菜单 -->

                                <li class="site-menu-category">通讯录</li>
                                <!-- 三级菜单 -->

                                {# 通讯录 #}

{#                                {% rights_management_address_book request %}#}


                                <!-- 三级菜单 -->

                                <!-- 二级菜单 -->

                            </ul>
                        </div>
                    </div>

                    <div class="tab-pane animation-fade height-full " id="admui-navTabsItem-3" role="tabpanel">
                        <div>
                            <ul class="site-menu">

                                <!-- 二级菜单 -->

                                <li class="site-menu-category">系统管理</li>
                                <!-- 三级菜单 -->
{##}
                                {# 员工管理 #}
{#                                {% rights_management_staff_management request %}#}
{##}
{##}
                                {# 角色管理 #}
{#                                {% rights_management_role request %}#}
{##}
                                {# 账户管理 #}
{#                                {% rights_management_account request %}#}
{##}
                                {# 信息留存权限管理 #}
{#                                {% rights_management_information_retained_management request %}#}




                                <!-- 三级菜单 -->

                                <!-- 二级菜单 -->

                            </ul>
                        </div>
                    </div>

                    <!-- 一级菜单 -->
                </div>
            </div>
        </nav>
        <nav class="site-contabs" id="admui-siteConTabs" style="z-index: 1000">
            <button type="button" class="btn btn-icon btn-default pull-left hide">
                <i class="icon fa-angle-double-left"></i>
            </button>
            <div class="contabs-scroll pull-left">
                <ul class="nav con-tabs">
                    <li class="active">
                        <a data-pjax href="/" rel="contents"><span>首页</span></a>
                    </li>
                </ul>
            </div>
            <div class="btn-group pull-right">
                <button type="button" class="btn btn-icon btn-default hide">
                    <i class="icon fa-angle-double-right"></i>
                </button>
                <button type="button" class="btn btn-default dropdown-toggle btn-outline" data-toggle="dropdown" aria-expanded="false">
                    <span class="caret"></span> <span class="sr-only">切换菜单</span>
                </button>
                <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="conTabsDropdown" role="menu">
                    <li class="reload-page" role="presentation">
                        <a href="javascript:;" role="menuitem"><i class="icon wb-reload"></i> 刷新当前</a>
                    </li>
                    <li class="close-other" role="presentation">
                        <a href="javascript:;" role="menuitem"><i class="icon wb-close"></i> 关闭其他</a>
                    </li>
                    <li class="close-all" role="presentation">
                        <a href="javascript:;" role="menuitem"><i class="icon wb-power"></i> 关闭所有</a>
                    </li>
                </ul>
            </div>
        </nav>

        <main class="site-page">
            <div class="page-container" id="admui-pageContent">
                {% block admui-pageContent %}
                <title>首页</title>
                <link rel="stylesheet" href="/statics/public/fonts/themify/themify.css">
                <link rel="stylesheet" href="/statics/public/css/home.css">

                <div class="page animation-fade page-index">
                    <div class="page-content">
                        <div class="media account-info">
                            <div class="media-left">
                                <div class="avatar avatar-online">
                                    <img src="/statics/public/images/avatar.svg" alt="xiaxuan@admui_demo">
                                    <i class="avatar avatar-busy"></i>
                                </div>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">
                                    欢迎您，xiaxuan@admui_demo
                                    <small>

                                    系统管理员

                                    </small>
                                </h4>
                                <p>
                                    <i class="icon icon-color wb-bell" aria-hidden="true"></i> 这是您第 19277 次登录，上次登录日期：2017-6-7 7:47:45，详细信息请查看
                                    <a data-pjax href="/account/log" target="_blank">日志</a>
                                    ，如果不是您本人登录，请及时
                                    <a data-pjax href="/account/password" target="_blank">修改密码</a>
                                    。
                                </p>
                            </div>
                            <div class="media-right">
                                <a href="/system/account" data-pjax target="_blank" class="btn btn-outline btn-success btn-outline btn-sm">账户管理</a>
                            </div>
                        </div>
                        <div class="row margin-top-10" data-plugin="matchHeight" data-by-row="true">
                            <div class="col-md-7">
                                <div class="panel introduce-info">
                                    <div class="panel-heading">
                                        <ul class="panel-actions">
                                            <li>
                                                <a href="http://docs.admui.com/" target="_blank">更多</a>
                                            </li>
                                        </ul>
                                        <h1 class="panel-title">基本介绍</h1>
                                    </div>
                                    <div class="panel-body">
                                        <div class="media">
                                            <div class="media-left">
                                                <a href="javascript:;">
                                                    <img class="media-object" src="/statics/public/images/admui-desktop.svg" alt="...">
                                                </a>

                                            </div>
                                            <div class="media-body">
                                                <h3 class="media-heading">Admui 通用管理系统快速开发框架</h3>
                                                <ul class="list-group list-group-full">
                                                    <li class="list-group-item">Admui 是一个基于最新 Web
                                                        技术的企业级通用管理系统快速开发框架，可以帮助企业极大的提高工作效率，节省开发成本，提升品牌形象。
                                                    </li>
                                                    <li class="list-group-item">您可以 Admui 为基础，快速开发各种MIS系统，如CMS、OA、CRM、ERP、POS等。</li>
                                                    <li class="list-group-item">Admui 紧贴业务特性，涵盖了大量的常用组件和基础功能，最大程度上帮助企业节省时间成本和费用开支。</li>
                                                </ul>

                                                <div>
                                                    <a href="http://www.admui.com/" class="btn btn-success btn-sm btn-outline btn-round" target="_blank">
                                                        返回官网
                                                    </a>
                                                    <a href="#" class="btn btn-warning btn-sm btn-outline btn-round" data-toggle="modal" data-target="#admui-mobileView">
                                                        手机体验
                                                    </a>
                                                    <a href="#" class="btn btn-primary btn-sm btn-outline btn-round open-kf" data-toggle="modal">
                                                        咨询客服
                                                    </a>
                                                    <a href="http://docs.admui.com/" class="btn btn-danger btn-sm btn-outline btn-round" target="_blank">
                                                        开发文档
                                                    </a>
                                                    <a href="http://www.admui.com/about.html" class="btn btn-dark btn-sm btn-outline btn-round" target="_blank">
                                                        服务协议
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-5">
                                <div class="panel changelog-info">
                                    <div class="panel-heading">
                                        <ul class="panel-actions">
                                            <li>
                                                <a href="http://docs.admui.com/version" target="_blank">更多</a>
                                            </li>
                                        </ul>
                                        <h1 class="panel-title">版本信息</h1>
                                    </div>
                                    <div class="panel-body">
                                        <ul class="time-line">
                                            <li>
                                                <time datatime="2016-07-21">2017-03-16</time>
                                                <h5>
                                                    <a href="#" target="_blank">Admui v1.0.0 RC 正式发布</a>
                                                </h5>
                                            </li>
                                            <li>
                                                <time datatime="2016-0-21">2017-02-21</time>
                                                <h5>Admui v1.0.0 Beta1 发布</h5>
                                            </li>
                                            <li>
                                                <time datatime="2016-12-27">2016-08-27</time>
                                                <h5>Admui v0.1.1 - v0.9.5 开发</h5>
                                            </li>
                                            <li>
                                                <time datatime="2016-07-21">2016-07-21</time>
                                                <h5>Admui v0.1.0 Beta 开发完成</h5>
                                            </li>
                                            <li>
                                                <time datatime="2016-05-07">2016-05-07</time>
                                                <h5>Admui v0.0.1 Alpha 开发完成</h5>
                                            </li>
                                            <li>
                                                <time datatime="2015-12-14">2015-12-14</time>
                                                <h5>Admui 正式立项</h5>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="panel">
                                    <div class="panel-heading">
                                        <ul class="panel-actions">
                                            <li>
                                                <a href="http://www.admui.com/buy" target="_blank">现在购买</a>
                                            </li>
                                        </ul>
                                        <h3 class="panel-title">购买流程</h3>
                                    </div>
                                    <div class="panel-body">
                                        <div class="steps row steps-xs">
                                            <div class="step col-md-3">
                                                <span class="step-number">1</span>
                                                <div class="step-desc">
                                                    <span class="step-title">购买</span>
                                                    <p>选择您需要购买的组件及服务</p>
                                                </div>
                                            </div>
                                            <div class="step col-md-3">
                                                <span class="step-number">2</span>
                                                <div class="step-sdesc">
                                                    <span class="step-title">付款</span>
                                                    <p>在线或通过线下汇款支付费用</p>
                                                </div>
                                            </div>
                                            <div class="step col-md-3 done">
                                                <span class="step-number">3</span>
                                                <div class="step-desc">
                                                    <span class="step-title">完成</span>
                                                    <p>索取发票，开具合同、下载源码</p>
                                                </div>
                                            </div>
                                            <div class="step col-md-3">
                                                <span class="step-number">4</span>
                                                <div class="step-desc">
                                                    <span class="step-title">后</span>
                                                    <p>工单支持、在线反馈、售后客服</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row part-info" data-plugin="matchHeight" data-by-row="true">
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 col-xlg-2">
                                <div class="panel">
                                    <div class="panel-body text-center">
                                        <i class="icon ti-layout-cta-btn-right red-500"></i>
                                        <p>UI 示例</p>
                                        <div class="label-content">
                                            <span class="label label-default label-round label-outline">布局</span>
                                            <span class="label label-default label-round label-outline">基本</span>
                                            <span class="label label-default label-round label-outline">进阶</span>
                                            <span class="label label-default label-round label-outline">组件</span>
                                            <span class="label label-default label-round label-outline">小工具</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 col-xlg-2">
                                <div class="panel">
                                    <div class="panel-body text-center">
                                        <i class="icon ti-layout cyan-500"></i>
                                        <p>页面示例</p>
                                        <div class="label-content">
                                            <span class="label label-default label-round label-outline">首页</span>
                                            <span class="label label-default label-round label-outline">常用</span>
                                            <span class="label label-default label-round label-outline">团队</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 col-xlg-2">
                                <div class="panel">
                                    <div class="panel-body text-center">
                                        <i class="icon ti-widgetized purple-500"></i>
                                        <p>表格示例</p>
                                        <div class="label-content">
                                            <span class="label label-default label-round label-outline">基本表格</span>
                                            <span class="label label-default label-round label-outline">树形表格</span>
                                            <span class="label label-default label-round label-outline">DataTable</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 col-xlg-2">
                                <div class="panel">
                                    <div class="panel-body text-center">
                                        <i class="icon ti-layout-accordion-list green-500"></i>
                                        <p>表单示例</p>
                                        <div class="label-content">
                                            <span class="label label-default label-round label-outline">基本</span>
                                            <span class="label label-default label-round label-outline">质感</span>
                                            <span class="label label-default label-round label-outline">高级</span>
                                            <span class="label label-default label-round label-outline">布局</span>
                                            <span class="label label-default label-round label-outline">向导</span>
                                            <span class="label label-default label-round label-outline">验证</span>
                                            <span class="label label-default label-round label-outline">预设</span>
                                            <span class="label label-default label-round label-outline">编辑</span>
                                            <span class="label label-default label-round label-outline">编辑器</span>
                                            <span class="label label-default label-round label-outline">图片裁剪</span>
                                            <span class="label label-default label-round label-outline">文件上传</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 col-xlg-2">
                                <div class="panel">
                                    <div class="panel-body text-center">
                                        <i class="icon ti-bar-chart-alt orange-500"></i>
                                        <p>图表示例</p>
                                        <div class="label-content">
                                            <span class="label label-default label-round label-outline">简单图表</span>
                                            <span class="label label-default label-round label-outline">ECharts</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 col-xlg-2">
                                <div class="panel">
                                    <div class="panel-body text-center">
                                        <i class="icon ti-panel teal-500"></i>
                                        <p>系统设置</p>
                                        <div class="label-content">
                                            <span class="label label-default label-round label-outline">菜单</span>
                                            <span class="label label-default label-round label-outline">用户</span>
                                            <span class="label label-default label-round label-outline">日志</span>
                                            <span class="label label-default label-round label-outline">黑名单</span>
                                            <span class="label label-default label-round label-outline">系统</span>
                                            <span class="label label-default label-round label-outline">账户</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <script src="/statics/public/vendor/matchheight/jquery.matchHeight.min.js"></script>
                {% endblock%}
            </div>
            <div class="page-loading vertical-align text-center">
                <div class="page-loader loader-default loader vertical-align-middle" data-type="default"></div>
            </div>
        </main>

        <!-- 布局 -->
        <script src="/statics/public/themes/classic/base/js/sections/menu.js"></script>
        <script src="/statics/public/themes/classic/base/js/sections/media-menu.js"></script>
        <script src="/statics/public/themes/classic/base/js/sections/content-tabs.js"></script>

        <!-- 插件 -->
        <script src="/statics/public/vendor/jquery-pjax/jquery.pjax.js"></script>
        <script src="/statics/public/themes/classic/global/js/plugins/responsive-tabs.js"></script>
        <script src="/statics/public/vendor/ashoverscroll/jquery-asHoverScroll.min.js"></script>
        <script src="/statics/public/vendor/slimscroll/jquery.slimscroll.min.js"></script>
        <script src="/statics/public/vendor/screenfull/screenfull.min.js"></script>

        <script src="/statics/public/vendor/datatables/jquery.dataTables.min.js"></script>
        <script src="/statics/public/vendor/datatables-bootstrap/dataTables.bootstrap.min.js"></script>


        <script>
            {# 在模态对话框关闭时清空数据 #}
            $(".modal").on("hidden.bs.modal", function() {
                $(this).removeData("bs.modal");
                $(this).find(".modal-content").children().remove();
            });

            $(function () {
                var current_url = window.location.pathname;
                $("#admui-navTabs a[href='" + current_url + "']").parent('li').addClass('active');


                $("#admui-navTabs a[href='" + current_url + "']").parents('li').each(function () {
                    if($(this).hasClass('has-sub')){
                        $(this).addClass('open')
                    }
                });


                $("#admui-navMenu li").removeClass('active');
                $("#div[role='tabpanel']").removeClass('active');
                $("#admui-navTabs a[href='" + current_url + "']").parents('div').each(function () {
                    if($(this).hasClass('tab-pane animation-fade height-full')){
                        $(this).addClass('active');
                        var id = $(this).attr('id');
                        $("#admui-navMenu a[aria-controls='" + id + "']").parent('li').addClass('active')

                    }
                });

                if (current_url == '/'){
                    $("#admui-navTabsItem-1").addClass('active');
                    $("#admui-navMenu a[href='#admui-navTabsItem-1']").parent('li').addClass('active');

                }

            })

        </script>

    </body>
</html>

